<template>
	<view class="container" :style="'height:'+ screenHeight +'px !important;'">
		<view style="display: flex;justify-content: center;">
			<image style="top: 292upx; width: 196upx; height: 240upx;" src="../../static/icon/wallet.png"></image>
		</view>
		<view class="item">
			<image class="item create"  src="../../static/icon/create_adds.png" @click="navTo('create_adds')"></image>
		</view>
		<view class="item">
			<image class="item import"  src="../../static/icon/import_adds.png" @click="navTo('import_mnemonic')"></image>
		</view>
		<view class="item_bottom">
			<image style="width: 21upx;height: 21upx;" src="../../static/icon/tick.png"></image>
			<label class="uni-h6 uni-gray" style="margin-left: 12upx;">我阅读并同意</label>
			<label class="uni-h6 uni-golden">《CDC用户协议》</label>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				screenHeight: '',
			}
		},
		onLoad() {
			this.screenHeight = uni.getSystemInfoSync().windowHeight;
		},
		methods:{
			navTo(url){
			 uni.navigateTo({
			 	url:url
			 })
			}
		}
	}
</script>

<style scoped>
	.container {
		background-size: 100% 100%;
		background-image: url(../../static/icon/wallet_bg.png);
	}
	.item{
		display: flex;
		justify-content: center;
	}
	.item.import{
		width: 323upx;
		height: 110upx;
		margin-top: 42upx;
	}
	.item.create{
		width: 323upx;
		height: 110upx;
		margin-top: 233px;
	}
	.item_bottom{
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		bottom: 73upx;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
</style>
